*{
    padding: 0px;
    margin: 0px;
}

.Frame{
    width: 100%;
    height: 100%;

    background-color: #111;
    border-radius:15px;

    display: flex;
    justify-content: center;
    gap: 7%;
}
.Home{

    width: 7vw;
    height: 4.5vh;
    
    color: #fff;

    background-color: #111;
    border-radius:5px;

    display: grid;
    place-items: center; /* 同时垂直和水平居中 */
}
.Discover{

    width: 7vw;
    height: 4.5vh;

    color: #fff;

    background-color: #111;
    border-radius:5px;

    display: grid;
    place-items: center; /* 同时垂直和水平居中 */
}
.Activity{

    width: 7vw;
    height: 4.5vh;

    color: #fff;

    background-color: #111;
    border-radius:5px;

    display: grid;
    place-items: center; /* 同时垂直和水平居中 */
}
.Profile{

    width: 7vw;
    height: 4.5vh;
    
    color: #fff;

    background-color: #111;
    border-radius:5px;

    display: grid;
    place-items: center; /* 同时垂直和水平居中 */
}